@padding20: 0 20px;

.responsive-width(@width) {
  width: @width;
  box-sizing: border-box;

  @media (max-width: 1200px) {
    width: 960px;
  }

  @media (max-width: 992px) {
    width: 750px;
  }

  @media (max-width: 768px) {
    width: 600px;
    padding: @padding20;
  }

  @media (max-width: 576px) {
    width: 100%;
    padding: @padding20;
  }
}

.clearfix() {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}